/* pages/index/banner.wxss */

/* 轮播图 */
.swiper-box {
  width: 100%;
  height: 320rpx;
  position: relative;
  padding: 16rpx;
  box-sizing: border-box;

  .swiper {
    height: 320rpx;
  }

  .swiper-item {
    .img,
    .navigator {
      height: 100%;
      width: 100%;
      border-radius: 16rpx;
    }
  }

  .indicator {
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 16rpx;

    // 面板指示器
    .rectangle {
      width: 30rpx;
      height: 6rpx;
      margin: 0 8rpx;
      border-radius: 6rpx;
      background-color: rgba(233, 228, 228, 0.9);
    }

    // 轮播图被激活时的样式
    .active {
      background-color: #f3514f;
      width: 40rpx;
    }
  }
  
}
